<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href=""></a>
    <img src="" alt="哈哈哈哈">
    <p style="color: blue;"></p>

    <script>
        //获取img
        let img = document.getElementsByTagName('img')[0]
        // 直接操作
        img.alt = '8888'
        // 获取元素
        // 元素.getAttribute（'要获取的属性名称'）
        let alt = img.getAttribute('alt')
        console.log(alt);
        // 设置属性
        // 元素.setAttribute（'属性名','设置的内容'）
        img.setAttribute('alt','属性设置')
    </script>

        <!-- 使用自定义属性 -->
        <div data-id="2005" data-age="17">张三</div>
        <div data-id="2005" data-age="24">李四</div>
        <div data-id="2005" data-age="20">王五</div>
    <script>
        // 获取自定义属性名
        let divs= document.querySelectorAll('div')
        // 遍历元素合计获取每一个元素
        for (let index = 0; index < divs.length; index++) {
            console.log(divs[index]);
        // 获取自定义属性值
            console.log(divs[index].getAttribute('data-id'));         
        }
    </script>

    
</body>
</html>